<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>公众号信息</title>
    <script src="../js/vue.js"></script>
    <script src="../js/jquery-1.11.3.min.js"></script>
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/gzhInfo2.css">
</head>

<body>
    <div id="app">
        <!-- 头部 -->
        <top-bar ref="topbar"></top-bar>
        <!-- 开始 -->
        <div class="displayCenter">
            <!-- 左边导航 -->
            <div class="leftBox"> <left-site></left-site></div>
            <div class="pageContent fffBackground">
               <section class="title-weizhi">您当前所在的位置：公众号名称>公众号信息</section>
                <section class="gzhInfoPart">
                    <h3> <img src="../img/chuizhixian.png"> 公众号信息</h3>
                    <p class="gzhInfoPart-tip">提示：在微信公众号后台取消授权给族蚂网，您在族蚂网的公众号维护功能将失效，需要重新授权绑定</p>
                    <div class="downloadErweima">
                        <span class="erweimaTit">公众号二维码:</span>
                        <img class="erweimaImg" src="../img/erweima.jpg" alt="二维码"/>
                        <span class="erweimaDown">
                            <img src="../img/down.png"/>
                            下载</span>
                    </div>

                    <div class="infoPart-input">
                        <section class="inputRow"> 
                            <span class="inputRow-left"> <i>公众号名称：</i><input value="族蚂网"  readonly='true' /></span>
                            <span class="inputRow-right"><i>微信号：</i><input value="--" /><a @click="copy($event)">复制</a></span>
                        </section>
                        <section class="inputRow"> 
                            <span class="inputRow-left"> <i>主体名称：</i><input id="zhuti" value="上海族蚂信息科技有限公司"  readonly='true' /><a @click="copy($event)">复制</a></span>
                            <span class="inputRow-right"><i>Appid：</i><input value="wx38a71c259f967886" /><a @click="copy($event)">复制</a></span>
                        </section>
                        <section class="inputRow"> 
                            <span class="inputRow-left"> <i>公众号类型：</i><input value="认证服务号"  readonly='true' /></span>
                            <span class="inputRow-right"><i>原始ID：</i><input value="gh_a7b2bc094340" /></span>
                        </section>

                    </div>
                    <div class="btnGroup">
                        <span @click="unBind">解除绑定</span>
                        <span>重新授权</span>
                        
                    </div>
                </section>
                <section class="authList">
                    <h3> <img src="../img/chuizhixian.png"> 授权权限列表</h3>
                    <div class="btnRow">
                        <span><input type="checkbox" checked disabled/> 消息管理权限 </span> 
                        <span><input type="checkbox" disabled/> 自定义菜单权限 </span>
                        <span><input type="checkbox" disabled/> 网页服务权限 </span>
                        <span><input type="checkbox" disabled/> 群发与通知权限 </span>
                        <span><input type="checkbox" disabled/> 素材管理权限 </span>
                    </div>
                    <div class="btnRow">
                        <span><input type="checkbox" checked disabled/> 用户管理权限 </span> 
                        <span><input type="checkbox" disabled/> 帐号服务权限 </span>
                        <span><input type="checkbox" disabled/> 帐号服务权限 </span>
                        <span><input type="checkbox" disabled/> 微信小店权限 </span>
                        <span><input type="checkbox" disabled/> 微信小店权限 </span>
                    </div>
                    <div class="btnRow">
                        <span><input type="checkbox" disabled/> 微信卡券权限 </span> 
                        <span><input type="checkbox" disabled/> 微信扫一扫权限 </span>
                        <span><input type="checkbox" checked disabled/> 微信门店权限 </span>
                        <span><input type="checkbox" disabled/> 微信连WIFI权限 </span>
                        <span><input type="checkbox" disabled/> 微信电子发票权限 </span>
                    </div>
                    <div class="btnRow">
                        <span><input type="checkbox" disabled/> 微信摇周边权限 </span> 
                        <span><input type="checkbox" disabled/> 城市服务接口权限 </span>
                        <span><input type="checkbox" checked disabled/> 开放平台帐号管理权限 </span>
                        
                    </div>
                    
                </section>
                
            </div>
        </div>
        <tip-dialog ref="tipDialog" :dialogdata='dialogdata' v-if="dialogShow" @close="closeDialog" :leftbtnhandler="leftBtnHandler" :rightbtnhandler="rightBtnHandler"></tip-dialog>
    </div>
</body>
<!-- 头部 -->
<script src="../common/top-bar.js"></script>
<!-- 左侧导航栏 -->
<script src="../common/left-site.js"></script>
<!-- 提示弹窗 -->
<script src="../common/dialog.js"></script>
<script src="../js/public.js"></script>
<script>
    
    new Vue({
        el: '#app',
        data: {
          dialogdata: null,
          dialogShow:false,
        },
        created:function() {
            //public.ceshi()
        },
        mounted:function() {
            //this.$refs['topbar'].ce();
           
        },
        methods: {
          copy:function(eve){
            //console.log($(eve.target).prev('input').val());
            var copyInput=$(eve.currentTarget).prev('input');
            copyInput.select();
            document.execCommand("Copy");
            alert("已复制 ["+$(eve.target).prev('input').val()+"]，可贴粘");
          },
          unBind:function(){//打开提示弹框
              this.dialogdata={
                content:'请前往微信公众平台取消授权。',
                btnLeft:'好的',
                btnRight:'查看教程'
              }
              this.dialogShow = true;
              console.log(this.dialogdata,'dd')
              //this.$refs['tipDialog'].isShow = true;
          },
          closeDialog:function(v){//关闭弹框
            
                this.dialogShow = v;
          },
          leftBtnHandler:function(){//左边按钮的事件方法
            this.dialogShow = false;
              alert('左边按钮的触发事件')
          },
          rightBtnHandler:function() {//左边按钮的事件方法
             alert('右边边按钮的触发事件')
          }
        },
    })
</script>

</html>